*{
    margin: 0px;
    padding: 0px;
}
/*导航栏头===================================================================*/
.top{
    background-color: black;
    width: 100%;
    height: 130px;
}
.top>div:nth-child(1){
    width: 1000px;
    height: 130px;
    margin: 0 auto;
    line-height: 130px;
}
/*左边div*/
.top>div:nth-child(1)>div:nth-child(1){
    color: white;
    float: left;
    margin-right: 180px;
}

/*logout*/
.top>div:nth-child(1)>div:nth-child(2){
    color: white;
    float: right;
}
.top>div:nth-child(1)>div:nth-child(2)>a{
    text-decoration: none;
    color: white;
}

/*左边===========================================================================*/
.left{
    background-color: rgb(40,39,53);
    width: 200px;
    color: silver;
    height: calc(100vh - 130px);
    text-align: center;
    float: left;

}
.left ul {
    margin: 0;padding: 0;
    list-style-type: none;
    line-height: 26px;
}
.left>ul>li{
    text-indent: -2em;
    font-size: 19px;
}
.left a {
    display: block ;
    background-color: rgb(40,40,54);
    color: silver;
    font-family: 楷体;
    font-size: 18px;
    text-indent: 0em;
    text-align: center;
    text-decoration: none;
}
.left a:hover {
    background-color: #E6E6FA;
    color: black;
}
/*right======================================================================*/
.right{
    height: calc(100vh - 130px);
    width: calc(100% - 200px);
    float: right;
}